header{
    width: 100%;
    height: 93px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    .header-box{
        width: 1010px;
        height: 100%;
        // border: 1px solid;
        margin: 0 auto;
        div{
            width: 411px;
            height: 94px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .s1{
                width: 1px;
                background-color: #ddd;
                height: 64px;
                color: #777777;
            }
            span{
                font-size: 20px;
                color: #666;
            }
        }
    }
}

main{
    width: 100%;
    height: 645px;
    
    .main-box{
        width: 1010px;
        height: 100%;
    
        margin: 0 auto;
        
        .mainb{
            margin-top: 65px;
            img{
                float: left;
            }
            .right{
                width: 360px;
                height: 484px;
           
                margin-left: 641px;
                a{
                    font-size: 12px;
                    color: #E4393C;
                    float: right;
                    padding-bottom: 5px;
                }
                .biaodan{
                    width: 360px;
                    height: 347px;
                    box-shadow: 0 0 10px #DDDDDD;
                    margin-top: 21px;
                    overflow: hidden;
                   .bd-top{
                       width: 298px;
                       min-height: 225px;
                       margin: 0 auto;
                       margin-top: 29px;
                       position: relative;
                    //    display: flex;
                    //    flex-direction: column;
                    //    justify-content: space-around;
                    //    border: 1px solid;
                        .enter_name{
                            font-size: 12px;
                            color: red;
                            position: absolute;
                        }
                        .enter_psw{
                            font-size: 12px;
                            color: red;
                            position: absolute;
                        }
                        .enter_psw2{
                            font-size: 12px;
                            color: red;
                            position: absolute;
                        }
                       .icon-shouji{
                           position: absolute;
                           left: 7px;
                           top: 8px;
                           font-size: 20px !important;
                       }
                       .js{
                        position: absolute;
                        left: 7px;
                        top: 69px;
                        font-size: 20px !important;
                       }
                       .js2{
                        position: absolute;
                        left: 7px;
                        top: 132px;
                        font-size: 20px !important;
                       }
                    
                       input{
                           width: 260px;
                           height: 36px;
                           border: 1px solid #DDDDDD;
                           padding-left: 32px;
                        //    margin-bottom: 15px;
                       }
                       .password{
                        margin-top: 21px ;
                    }
                    .password_agin{
                        margin-top: 21px ;
                    }
                      
                   }
                }
                .bd-next{
                    width: 298px;
                    height: 14px;
                    
                    margin: 0 auto;
                    margin-top: -16px;
                    position: relative;
                    input{
                        line-height: 14px;
                        text-align: center;
                        float: left;
                        padding-bottom: 1px;
                        position: absolute;
                        top: -2px;
                        left: -4px;
                    }
                    span{
                        font-size: 12px;
                        color: #666666;
                        line-height: 14px;
                        text-align: center;
                        float: left;
                        padding-left: 15px;
                    }
                    a{
                        font-size: 12px;
                        color: #E2383B;
                        float: right;
                    }
                    .b2{
                        width: 298px;
                        height: 36px;
                        background-color: #E4393C;
                        color: white;
                        border: none;
                        margin-top: 15px;
                        cursor: pointer;
                    }
                }
          
            }
        }
    }
}
footer{
    width: 100%;
    height: 75px;
    background-color: #fff;
    border-top: 1px solid #DDDDDD;
    .copyright-box{
        width: 1191px;
        height: 75px;
        
        margin: 0 auto;
       
        .top{
            float: left;
            margin-top: 20px;
            margin-left: 250px;
            // width: 690px;
            // height: 12px;
            span{
                color: #666;
                font-size: 9px;
            }
            p{
                margin-top: 7px;
                margin-left: 108px;
                font-size: 12px;
                color: #999;
            }
            a:hover{
                color: #FDA33E;
                cursor: pointer;
            }
        }
        .top .item{
            font-size: 12px;
            color: #666666;
            
        }
      
    }
}